<template>
     <div class="nav-breadcrumb">
         <el-breadcrumb separator="/">
            <template v-for="item in breadcrumbs" :key="item.name">
                <el-breadcrumb-item :to="{ path:item.path}">{{ item.name }}</el-breadcrumb-item>
            </template>
    </el-breadcrumb>
    </div>
</template>

<script lang='ts'>

export default {
    props:{
        breadcrumbs:{
            type:Array,
            default:()=>[]
        }
    },
    setup () {
        return {}
    }
}
</script>

<style lang="scss" scoped>

</style>